        // “产品展示页”样式
        @charset 'utf-8';
        @import "reset";
        $width:100%;
        main {
            $width: 100%;
            // 钻戒系列样式
            .top-diamond {
                // border: 1px solid #fff;
                // box-sizing: content-box;
                width: $width;
                // height: 800px;
                .container {
                    width: 1200px;
                    margin: 0 auto;
                    margin-top: 95px;
                    // background-color: pink;
                    .title {
                        width: 100%;
                        height: 64px;
                        text-align: center;
                        position: relative;
                        margin: 0 auto;
                        .chineseTitle {
                            h1 {
                                font-size: 32px;
                                color: #333;
                                font-weight: 500;
                            }
                        }
                        .level-line {
                            height: 2px;
                            width: 30px;
                            background-color: #f9a575;
                            position: absolute;
                            left: 50%;
                            bottom: 0;
                            margin-left: -15px;
                        }
                    }
                    .diamond-con {
                        margin-top: 30px;
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        align-content: space-between;
                        flex-wrap: wrap;
                        .flex-box {
                            width: 277px;
                            height: 385px;
                            // background-color: pink;
                            margin-bottom: 30px;
                            position: relative;
                            .mask {
                                // display: none;
                                width: 100%;
                                height: 100%;
                                background-color: rgba($color: #000, $alpha: .4);
                                position: absolute;
                                div {
                                    width: 277px;
                                    height: 200px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    margin-top: -50px;
                                    margin-left: -138px;
                                    p {
                                        width: 50%;
                                        margin: 0 auto;
                                        color: rgba($color: #fff, $alpha: .8);
                                        text-align: center;
                                        line-height: 28px;
                                        border-bottom: 1px solid #fff;
                                        // line-height: 100px;
                                    }
                                }
                            }
                        }
                        .flex-box:hover {
                            // margin-top: 5px;
                            // margin-left: 5px;
                            box-shadow: 0px 0px 1px 8px #fff, 0px 0px 20px 8px rgb(88, 88, 88);
                        }
                        .first-ring {
                            position: relative;
                            .img-box {
                                width: 100%;
                                height: 277px;
                                position: absolute;
                                // background-color: aqua;
                                top: 54px;
                            }
                            .text-box {
                                position: absolute;
                                height: 54px;
                                width: 277px;
                                bottom: 0;
                                p {
                                    position: absolute;
                                    width: 133px;
                                    height: 33px;
                                    text-align: center;
                                    left: 50%;
                                    top: 50%;
                                    margin-left: -66px;
                                    margin-top: -16px;
                                    // margin: 0 auto;
                                    font-size: 12px;
                                    line-height: 18px;
                                    color: rgba($color: #fff, $alpha: .9);
                                }
                            }
                            .firstText {
                                background-color: #000;
                            }
                        }
                    }
                }
            }
            // 中间广告banner板块 样式代码
            .center-banner {
                position: relative;
                // border: 1px solid #000;
                width: $width;
                height: 500px;
                // box-sizing: content-box;
                // background-color: #000;
                background: url(../images/productBg.png);
                .lightbox {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    background-color: rgba(0, 0, 0, .5);
                    .container {
                        width: 951px;
                        height: 348px;
                        // background-color: #fff;
                        margin: 0 auto;
                        margin-top: 64px;
                        border: 2px solid;
                        border-color: rgba($color: #fff, $alpha: .2);
                        position: relative;
                        div {
                            width: 400px;
                            height: 200px;
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            margin-top: -100px;
                            margin-left: -200px;
                            p {
                                color: #fff;
                                text-align: center;
                                line-height: 40px;
                            }
                            p:first-child {
                                font-size: 28px;
                            }
                            p:nth-child(2) {
                                font-size: 18px;
                            }
                            p:nth-child(3) {
                                font-size: 10x;
                                color: rgba($color: #f9a575, $alpha: .6);
                            }
                        }
                    }
                }
            }
            .footer-necklace {
                width: $width;
                // height: 800px;
                background-color: #fff;
                // box-sizing: content-box;
                // border: 1px solid #fff;
                .container {
                    width: 1200px;
                    margin: 0 auto;
                    margin-top: 89px;
                    // background-color: pink;
                    .title {
                        width: 100%;
                        height: 64px;
                        text-align: center;
                        position: relative;
                        margin: 0 auto;
                        .chineseTitle {
                            h1 {
                                font-size: 32px;
                                color: #333;
                                font-weight: 500;
                            }
                        }
                        .level-line {
                            height: 2px;
                            width: 30px;
                            background-color: #f9a575;
                            position: absolute;
                            left: 50%;
                            bottom: 0;
                            margin-left: -15px;
                        }
                    }
                    .necklaceBox {
                        display: flex;
                        width: 100%;
                        justify-content: space-between;
                        align-content: space-between;
                        flex-wrap: wrap;
                        margin-top: 30px;
                        font-size: 0;
                        li {
                            width: 380px;
                            background-color: pink;
                            height: 530px;
                            margin-right: 30px;
                            margin-bottom: 30px;
                            .textBox {
                                width: 100%;
                                height: 150px;
                                background-color: #fff;
                                font-family: MicrosoftYaHei;
                                font-size: 18px;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 26px;
                                letter-spacing: 0px;
                                text-align: center;
                                h3 {
                                    font-family: MicrosoftYaHei;
                                    font-size: 18px;
                                    font-weight: normal;
                                    font-stretch: normal;
                                    line-height: 26px;
                                    letter-spacing: 0px;
                                    color: #f9a575;
                                }
                                p {
                                    font-family: MicrosoftYaHei;
                                    font-size: 14px;
                                    font-weight: normal;
                                    font-stretch: normal;
                                    line-height: 26px;
                                    letter-spacing: 0px;
                                    color: #666666;
                                }
                                button {
                                    width: 72px;
                                    height: 19px;
                                    font-size: 12px;
                                    font-weight: normal;
                                    font-stretch: normal;
                                    line-height: 19px;
                                    letter-spacing: 0px;
                                    color: #ffffff;
                                    outline: none;
                                    border: 0;
                                    background-color: #f9a575;
                                }
                                button:hover {
                                    background-color: rgba(255, 192, 203, 0.5);
                                    color: #000;
                                }
                            }
                        }
                        li:hover {
                            // margin-top: 5px;
                            // margin-left: 5px;
                            box-shadow: 0px 0px 1px 8px #fff, 0px 0px 20px 8px rgb(88, 88, 88);
                        }
                        li:nth-child(3n) {
                            margin-right: 0;
                        }
                    }
                }
            }
        }